<table align="center" width="100%" cellspacing="1">
    <tr>
        <td style="vertical-align: top;">
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <th colspan="5">{l_profile}</th>
                </tr>
                <tr>
                    <td style="padding-left: 10px;padding-right: 10px;padding-top: 4px;padding-bottom: 4px;text-align: center;width: 140px;" class="border_left border_right border_bottom">
                        <div>
                            <img src="{avatar}" />
                        </div>
                    </td>
                    <td colspan="5" style="vertical-align: top;padding-left: 10px;padding-right: 10px;padding-top: 4px;padding-bottom: 4px;" class="border_right border_bottom">
                        <div style="font-weight: bold;font-size: 22px;">{username}</div>
                        <if name="group_image">
                        <div><img src="{group_image}" alt="{group_alt}" title="{group_alt}" /></div>
                        <endif name="group_image">
                        <if name="show_rank">
                        <div style="color: #252525;font-size: 11px;">{rank_title}</div>
                        <div><img src="{rank_image}" alt="{rank_title}" title="{rank_title}" /></div>
                        <endif name="show_rank">
                        <br />
                        <div style="font-size: 12px;font-family: arial;"><b>{l_group}</b>: {group_name}</div>
                        <div style="font-size: 12px;font-family: arial;"><b>{l_joined}</b>: {join_date}</div>
                    </td>
                </tr>
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5">{l_contact}</td>
                </tr>
                <tr>
                    <td style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 12px;font-weight: bold;font-family: arial;" class="border_bottom border_left border_right">
                        <a href="{a_send_pm}"><img src="./templates/default/icons/email.png" /> {l_send_pm}</a>
                    </td>
                    <td style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 12px;font-weight: bold;font-family: arial;" class="border_bottom border_right">
                        <a href="{a_send_email}"><img src="./templates/default/icons/email.png" /> {l_send_email}</a>
                    </td>
                </tr>
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5">{l_others}</td>
                </tr>
                <tr>
                    <td style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 12px;font-weight: bold;font-family: arial;" class="border_bottom border_left border_right">
                        <a href="{a_add_friend}"><img src="./templates/default/icons/user_add.png" /> {l_add_friend}</a>
                    </td>
                    <td style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 12px;font-weight: bold;font-family: arial;" class="border_bottom border_right">
                        &nbsp;
                    </td>
                </tr>
            </table>
            
            <div class="small_spacer"></div>
            
            <if name="show_comments">
            <table align="center" width="100%" cellspacing="0" id="comments">
                <isloop name="comments">
                <tr>
                    <th colspan="5">{l_comments}</th>
                </tr>
                
                <loop name="comments">
                <tr>
                    <td style="background-color: #f4ead7;padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 12px;font-family: arial;" class="border_left border_right">
                        <div style="float: left;"><b><a href="{comments.author_link}">{comments.comment_author}</a></b>  {l_wrote}:</div>
                        <div style="float: right";>
                            <loopif name="can_delete" loop="comments">
                            <a style="color: red;" href="{comments.a_delete}"><img src="./templates/default/icons/delete.png" />{l_delete_comment}</a> |
                            <endloopif name="can_delete">
                            {comments.comment_date}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 11px;font-family: arial;" class="border_bottom border_left border_right">
                        {comments.comment_message}
                    </td>
                </tr>
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5"></td>
                </tr>
                <endloop name="comments">
                <if name="comments_pages">
                <tr>
                    <th colspan="5">{pagination}</th>
                </tr>
                <endif name="comments_pages">
                <endisloop name="comments">
                <if name="add_comment">
                <tr>
                    <th colspan="5">{l_add_comment}</th>
                </tr>
                <tr>
                    <td id="add_comment" style="padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px;font-size: 11px;font-family: arial;" class="border_bottom border_left border_right">
                        <if name="errors">
                        <div id="error" style="margin-top: 1px;">
                            <div class="errorHead">{l_error_occured}</div>
                            <div class="errorBody">{error_message}</div>
                        </div>
                        <div class="small_spacer"></div>
                        <endif name="errors">
                        
                        <form action="#add_comment" method="POST">
                        <textarea name="comment" style="width: 100%;height: 70px;">{comment_message}</textarea>
                        <br />
                        <input type="submit" name="addComment" value="{l_add_comment}" />
                        </form>
                    </td>
                </tr>
                <endif name="add_comment">
                
            </table>
            <endif name="show_comments">
        </td>
        <td style="width: 340px;vertical-align: top;">
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <th colspan="2">{l_forum_activity}</th>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_posts}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        {user_posts}<br />
                        (<b>{posts_per_day}</b> {l_posts_per_day})
                    </td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_last_activity}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        {last_login}
                    </td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_user_status}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        {user_status}
                    </td>
                </tr>
            </table>
         
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5">{l_personal_info}</td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_name}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        <div id="ajax_name">
                            <div style="float: left;"><span id="element_name">{user_name}</span></div>
                            <div style="float: right;"><a onClick="makeInput( 'name' )"><img src="./templates/default/icons/page_white_edit.png" /></a></div>
                        </div>
                        <div id="input_name" style="display: none;">
                            <input type="text" class="reg" style="width: 150px;vertical-align: top;" id="form_name" value="{user_name}" />
                            <a onClick="saveProfileData( 'name', 'name=' + document.getElementById( 'form_name' ).value );"><img src="./templates/default/icons/accept.png" /></a><a onclick="declineInput( 'name' );"><img src="./templates/default/icons/delete.png" /></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_localization}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        <div id="ajax_localization">
                            <div style="float: left;"><span id="element_localization">{user_localization}</span></div>
                            <div style="float: right;"><a onClick="makeInput( 'localization' )"><img src="./templates/default/icons/page_white_edit.png" /></a></div>
                        </div>
                        <div id="input_localization" style="display: none;">
                            <input type="text" class="reg" style="width: 150px;vertical-align: top;" id="form_localization" value="{user_localization}" />
                            <a onClick="saveProfileData( 'localization', 'localization=' + document.getElementById( 'form_localization' ).value );"><img src="./templates/default/icons/accept.png" /></a><a onclick="declineInput( 'localization' );"><img src="./templates/default/icons/delete.png" /></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_hobby}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        <div id="ajax_hobby">
                            <div style="float: left;"><span id="element_hobby">{user_hobby}</span></div>
                            <div style="float: right;"><a onClick="makeInput( 'hobby' )"><img src="./templates/default/icons/page_white_edit.png" /></a></div>
                        </div>
                        <div id="input_hobby" style="display: none;">
                            <input type="text" class="reg" style="width: 150px;vertical-align: top;" id="form_hobby" value="{user_hobby}" />
                            <a onClick="saveProfileData( 'hobby', 'hobby=' + document.getElementById( 'form_hobby' ).value );"><img src="./templates/default/icons/accept.png" /></a><a onclick="declineInput( 'hobby' );"><img src="./templates/default/icons/delete.png" /></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{l_profession}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        <div id="ajax_profession">
                            <div style="float: left;"><span id="element_profession">{user_profession}</span></div>
                            <div style="float: right;"><a onClick="makeInput( 'profession' )"><img src="./templates/default/icons/page_white_edit.png" /></a></div>
                        </div>
                        <div id="input_profession" style="display: none;">
                            <input type="text" class="reg" style="width: 150px;vertical-align: top;" id="form_profession" value="{user_profession}" />
                            <a onClick="saveProfileData( 'profession', 'profession=' + document.getElementById( 'form_profession' ).value );"><img src="./templates/default/icons/accept.png" /></a><a onclick="declineInput( 'profession' );"><img src="./templates/default/icons/delete.png" /></a>
                        </div>
                    </td>
                </tr>
            </table>
            
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5">{l_extra_fields}</td>
                </tr>
                <loop name="extra_fields">
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;width: 120px;">
                        <b>{extra_fields.field_name}</b>:
                    </td>
                    <td class="border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 12px;">
                        {extra_fields.field_value}
                    </td>
                </tr>
                <endloop name="extra_fields">
            </table>
            
            <table align="center" width="100%" cellspacing="0">
                <tr>
                    <td class="ex_sh border_right border_left border_bottom" colspan="5">{l_friends}</td>
                </tr>
                <loop name="friends">
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 14px;">
                        <a href="{friends.friend_link}">{friends.friend_name}</a> <loopif name="delete_friend" loop="friends"><a href="{friends.a_friend_remove}"><img src="./templates/default/icons/user_delete.png" alt="{l_remove_friend}" title="{l_remove_friend}" /></a><endloopif name="delete_friend" loop="friends">
                    </td>
                </tr>
                <endloop name="friends">
                <noloop name="friends">
                <tr>
                    <td class="border_left border_right border_bottom" style="padding: 4px;font-family: arial;font-size: 14px;">
                        <i>{l_no_friends}</i>
                    </td>
                </tr>
                <endnoloop name="friends">
            </table>
        </td>
    </tr>
</table>